<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <script src="js/jquery/jquery.min.js"></script>
    <script src="js/jquery.validation/1.14.0/jquery.validate.min.js"></script>
    <script src="js/jquery.validation/1.14.0/messages_zh.min.js"></script>
    <style>
        input.error{
            border: 1px solid crimson;
        }
    </style>
</head>
<body>
        <div class="container">
            <form id="addNewsForm">
                <br/>
                <div class="form-group">
                    <label for="title">标题：</label>
                    <input type="text" class="form-control" id="title" name="title" placeholder="输入标题">
                </div>
                <div class="form-group">
                    <label for="contect">内容：</label>
                    <input type="text" class="form-control" id="contect" name="contect" placeholder="输入内容">
                </div>
                <div class="form-group">
                    <button type="button" id="saveBtn" class="btn btn-success">提交</button>
                    <button type="button" id="cancelBtn" class="btn btn-default">取消</button>
                </div>
            </form>
        </div>


    <script>

          var addNews=function(){
              if(!check().form()){
                  return;
              }
              $.ajax({
                  url:'/news_addNews',
                  type:'POST',
                  data:{
                      'news.title':$('#title').val(),
                      'news.contect':$('#contect').val()
                  },
                  dataType:'json',
                  success:function (result) {
                      $('#cancelBtn').click();
                  }
                  
              })
          }


            $('#saveBtn').click(function () {
                addNews();
            })
      

        $('#cancelBtn').click(function () {
            //取到父级别弹层的index
            var index = parent.layer.getFrameIndex(window.name);
            parent.getNewsList();
            //关闭父级的弹层
            parent.layer.close(index);
        })

        //表单验证
           function  check() {
                return $('#addNewsForm').validate({
                    rules:{
                        title:{
                            //非空
                            required:true,
                        },
                        contect:{
                            required:true,
                        }
                    },
                    messages:{
                        title:{
                            required:""
                        },
                        contect:{
                            required:""
                        }
                    }
                });
           }
    </script>

</body>
</html>